<template>
  <div class="container">
      <LeftPanel></LeftPanel>
      <RightPanel></RightPanel>
  </div>
</template>

<script>
import LeftPanel from './left/left-panel'
import RightPanel from './right/right-panel'
export default {
  components: {
    LeftPanel, RightPanel
  },
  created: function () {
    console.log(this.$store.getters.getMyInfo.id)
    this.$socket.emit('login', this.$store.getters.getMyInfo.id)
  }
}
</script>

<style>
.container{
  width: 980px;
  height: 96%;
  overflow: hidden;
  margin: 10px auto;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
</style>
